.info-card {
  .card-container {
    margin-top: 20rpx;
    margin-bottom: 30rpx;
    background-color: white;
    border-radius: 24rpx;
    padding: 30rpx;
    box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);
    position: relative;

    .order-header {
      display: flex;
      justify-content: space-between;
      margin-bottom: 16rpx;
      
      .check-box {
        margin-right: 16rpx;
      }

      .order-id {
        font-weight: bold;
        color: #1890ff;
        font-size: 30rpx;
      }

      .order-status {
        color: #ff7d00;
        font-size: 24rpx;
      }
    }

    .order-customer {
      color: #666;
      margin-bottom: 16rpx;
      font-size: 28rpx;
      .phone {
        color: #4caf50;
        font-weight: 500;
        margin-left: 10rpx;
      }
      .copy-btn {
        padding: 0 20rpx;
        color: #1890ff;
      }
    }
    .order-create-info {
      font-size: 24rpx;
      opacity: 0.8;
    }
    .order-actions {
      display: flex;
      gap: 16rpx;
      margin-top: 20rpx;

      .btn {
        padding: 12rpx 24rpx;
        border-radius: 8rpx;
        font-size: 24rpx;
        border: none;
        cursor: pointer;
      }
      .btn-detail {
        background-color: #f0f0f0;
        color: #333;
      }
      .btn-approve {
        background-color: #1890ff;
        color: white;
      }
      .btn-reject {
        background-color: #ff4d4f;
        color: white;
      }
    }
  }
  .no-data {
    height: 300rpx;
    line-height: 40rpx;
    position: relative;
    overflow: hidden;
    font-size: 24rpx;
    .title {
      font-weight: 500;
    }
    .tips {
      line-height: 60rpx;
    }
    .bg-word {
      font-size: 80rpx;
      position: absolute;
      bottom: 0rpx;
      width: 100%;
      text-align: center;
      pointer-events: none;
    }
    // 文字背景色
    .text-bg-color {
      color: rgba(39, 87, 143, 0.05);
    }
  }
}